<template>

  <div class="join">
    <div class="neirong" v-if="isShow">
      测试22222
    </div>

    <button class="gengduo" @click="change" >
      测试
    </button>
  </div>


</template>

<script>
    export default {
      name: "join",
      data(){
        return {
          isShow:false
        }
      },
      //声明函数，属于组件对象的
      methods:{
        //包含多个函数名做key，函数体做value
        change(){
          //在script中加this,template中不需要this
          this.isShow = !this.isShow;
          console.log("a  a ");
        }
      }
    }
</script>

<style scoped>
.neirong{
  width: 100px;
  height: 100px;
  background-color: #dddddd;
}
</style>
